<template>

  <div class="home">
           <!--    左边固定      -->
    <Mymennu class="menu"></Mymennu>
           <!--    右边边框      -->
    <Content class="content"></Content>
  </div>

</template>

<script>
import Mymennu from "@/views/Home/Mymennu";
import Content from "@/views/Home/Content";

export default {
  name: "HomeView",
  data() {
    return {
      isCollapse: true
    };
  },
  components: {
    Mymennu,
    Content
  }


}
</script>

<style lang="less" scoped>
.home {
  height:100%;
  //background-color: rgba(0, 0, 0, 0.3);

  .menu {
    height: 100%;
    width:268px;
    position: fixed;
    top:0;
    left:0;
    background-color:#173452;
    z-index: 444;


  }

  .content {
    margin-left: 268px;
    height:100%;

  }

}


</style>
